<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<form>
    <label for="task">Enter To-do entry in the list:</label>
    <input id="task" type="text" />
    <input id="button-add-task-entry" type="button"  value="Add task" />
    <input id="button-remove-task-entry" type="button"  value="Remove task" />
    <input id="button-show-task-entries" type="button"  value="Show task list" />
    <input id="button-hide-task-entries" type="button"  value="Hide task list" />
</form>
<ul id="task-list">
    <li>Task list entries:</li>
</ul>
    <script src="to-dolist.js"></script>
</body>
</html>